$('.login a').on('click',function(){
    $('.login').hide()
    $('.reg').show()
})
$('.reg a').on('click',function(){
    $('.login').show()
    $('.reg').hide()
})
// 需求2:定义校验规则
let form = layui.form;
form.verify({
    username:[
        /^[a-zA-Z0-9]{1,10}$/,
        '用户名必须1到10位数字和字母'
    ],
    pwd:[
        /^[a-zA-Z0-9]{1,10}$/,
        '密码必须6到16位数字和字母'
    ],
    // 确认密码校验规则
    repwd: function(value){ 
        let pwd = $('.reg input[name = password]').val()
        if(pwd !== value){
          return '两次输入密码不同请重新输入';
        }
        
    }
})
// 需求3:注册功能
// let layer = layui.layer
// $('#formReg').on('submit',function(e){
//     e.preventDefault()
//     axios({
//         method:'post',
//         url:'http://api-breakingnews-web.itheima.net/api/reguser',
//         data:$(this).serialize()
//     }).then(res => {
//         if(res.data.status !== 0){
//             return layer.msg(res.data.message,{icon: 5})
//         }
//         alert('注册成功')
//     })
// })
let layer = layui.layer
$('#formReg').on('submit',function(e){
    // 阻止表单默认提交
    e.preventDefault();
    axios({
        method:'POST',
        url:'/api/reguser',
        // 不要传递对象类型,因为对象类型头信息设置的是 application/JSON
        // jQuery 中 ajax  参数 string array content-type 头信息固定
        // axios 中的 ajax 参数根据类型不同头信息也不同
        //   data参数是字符串类型 : a=1&b=2&c=3  content-type 头信息固定 application
        data:$(this).serialize()
    }).then(res => {
        // console.log(res.data)
        if(res.data.status !== 0 ){
            return layer.msg(res.data.message,{icon: 5});
        }
        // 成功后提示
        layer.msg('恭喜您,注册成功!',{icon: 6})
        // 切换到登录模块
        $('.reg a').click();
        // 清空表单 - DOM元素中, 有一个 reset() 可以重置表单
        $('#formReg')[0].reset();
    })
})
// 需求4:登录功能
$('#formLogin').on('submit',function(e){
    e.preventDefault();
    axios({
        method:'post',
        url:'/api/login',
        data:$(this).serialize()
    }).then(res => {
        if(res.data.status !== 0){
            return layer.msg(res.data.message,{icon: 5})
        }
        layer.msg('恭喜您,登录成功!')
        // 页面跳转
        location.href = '/index.html'
        localStorage.setItem('token',res.data.token)
        // 保存token  后面用于身份认证
    })
})
